<template>
<div class="order-container">
  <p>我的订单</p>
  <van-card
  class="card"
  v-for="(li,index) in list"
  :key="index+li"
  :num="li.count"
  :price="li.price"
  :desc="li.showtime"  
  :title="li.nameNoHtml"
  :thumb="li.imgsrc"
/>
</div>
</template>

<script>
import Vue from 'vue';
import { Card } from 'vant';
Vue.use(Card);
export default {
     data () {
       return {
         
       }
     },
     computed: {
      list(){
        return this.$store.state.orderlist
      } 
     },
     mounted () {
       console.log(this.$store.state.orderlist);
       
     }
}
</script>

<style lang="stylus" scoped>
.order-container
  height 100%
  width 100%
  background white
  p 
   height 0.96rem
   width 100%
   background #ff3299
   font-size 0.4rem
   color white
   text-align center
   line-height 0.96rem
   
</style>